<template>
	<div class="contents">
		<div class="growhead" color="#000">
			<van-nav-bar
			title="种草社区"
			left-text="返回"
			left-arrow
			@click-left="onClickLeft"
			/>
		</div>
		<ul>
			<li>
				<section class="growtext">
					<router-link to="/growdetails" tag="div">
						<div class="userimg">
							<img class="touxiang" src="./../assets/img/userimg1.jpg" alt="">
							<aside class="nameandtime">
								<span>韩梅梅</span><br/>
								<span class="nametime">43分钟前</span>
							</aside>
						</div>
						<div class="userpl">			
							<p>这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看</p>
							<img class="talkimg" src="./../assets/img/userimg1.jpg" alt="">
						<aside class="growprice">
							<img class="growpriceimg" src="./../assets/img/userimg1.jpg" alt="">
							<aside class="pricetext">
								沙发组合xxxxxxxx<br/>￥256
							</aside>
						</aside>
						</div>
					</router-link>
						<div class="zan">
							<span class='iconfont icon-dianzan'>52</span>
							<span class='iconfont icon-pinglun'>52</span>
							<span class='iconfont icon-shoucang'>52</span>						
						</div>
				</section>
			</li>
			<li>
				<section class="growtext">
					<router-link to="/growdetails" tag="div">
						<div class="userimg">
							<img class="touxiang" src="./../assets/img/userimg1.jpg" alt="">
							<aside class="nameandtime">
								<span>韩梅梅</span><br/>
								<span class="nametime">43分钟前</span>
							</aside>
						</div>
						<div class="userpl">			
							<p>这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看这个沙发真好看</p>
							<img class="talkimg" src="./../assets/img/userimg1.jpg" alt="">
						<aside class="growprice">
							<img class="growpriceimg" src="./../assets/img/userimg1.jpg" alt="">
							<aside class="pricetext">
								沙发组合xxxxxxxx<br/>￥256
							</aside>
						</aside>
						</div>
					</router-link>
						<div class="zan">
							<span class='iconfont icon-dianzan'>52</span>
							<span class='iconfont icon-pinglun'>52</span>
							<span class='iconfont icon-shoucang'>52</span>						
						</div>
				</section>
			</li>			
		</ul>
	</div>
</template>

<script>
import Vue from 'vue'
import Header from './Header'
import { NavBar } from 'vant';

Vue.use(NavBar);
export default {
	data () {
		return {}
	},
	methods: {
	  onClickLeft () {
		this.$router.go(-1);
	  }
	},
	components: {
		Header
	}
}

</script>

<style lang="scss" scoped="scoped">
	.grownav{
		font-size:0.14rem;
		text-align: center;
	}
	.growtext{
		.userimg {
			margin-top:0.1rem;
			display: flex;
			align-items: center;
			height:0.36rem;
			.nameandtime{
				height:0.36rem;
				font-size:0.12rem;
				span{				
					margin:0 0 0 0.1rem;
					padding:0;
					line-height:0;
				}
				.nametime{
					color:#a4a2a2;
				}
			}
		}
		.touxiang{
			width:0.36rem;
			height:0.36rem;
			float: left;
			margin-left: 11px;
			border-radius: 50%;
		}
		span{
			margin-left:0.13rem;
			line-height: 0.47rem;
			color:#101010;
			font-size: 0.12rem;
		}
		.userpl{
			margin-top:0.1rem;
			padding:0 0.1rem;
			font-size: 0.12rem;
				.talkdiv{
					width: 3.95rem;
					height:1.55rem;
				}	
				.talkimg{
					height:1.2rem;
					width:100%;
				}	
		}
		.growprice{
			height:0.63rem;
			margin-top:0.09rem;
			display: flex;
			.growpriceimg{
				width:0.70rem;
				height:0.60rem;
			}
			.pricetext{
				margin-left:0.13rem;
				font-size:0.12rem;
				line-height:0.198rem;
			}
		}
	}
</style>
